<template>
  <div class="about c_flex c_justify_around c_align_center">
    <div>
      <fly-bee class="c_reverseY_180"></fly-bee>
    </div>

    <div  class="c_flex c_align_center c_flex_direction_column">
      <div
        class="about_container"
        v-for="item in aboutList"
        :key="item.aboutId"
      >
        <h1 class="c_fs_40 c_fff c_font_family_hwcy c_text_align_center">{{ item.name }}</h1>
        <div
          v-for="contentItem in item.contentList"
          :key="contentItem.contentId"
          class="content c_fs_30 c_font_family_hwhp c_text_align_center"
        >
          {{ contentItem.contentDetail }}
        </div>
      </div>
    </div>

    <div>
      <fly-bee></fly-bee>
    </div>
  </div>
</template>
  
<script>
import flyBee from "../components/flyBee/flyBee.vue";

export default {
  name: "aboutUs",
  components: {
    flyBee,
  },
  data() {
    return {
      aboutList: [
        {
          aboutId: 1,
          name: "蜜蜂语音APP",
          contentList: [
            {
              contentId: 1,
              contentDetail: "蜜蜂语音，是—款聚集了千万年轻人的线上派对社交平台，用优质的语音技术、多元化的即时互动场景，为年轻人打造轻松愉快的游戏社交体验。",
            },
            {
              contentId: 2,
              contentDetail: "1、强大的实时语音聊天功能，交流更加方便快捷。",
            },
            {
              contentId: 3,
              contentDetail: "2、拥有独特的兴趣社交功能，快速找到志同道合的朋友。",
            },
            {
              contentId: 4,
              contentDetail: "3、特别注重用户体验，用户界面清新简洁，操作简单易用。",
            },
          ],
        },
        {
          aboutId: 2,
          name: "河南本清文化传媒有限公司",
          contentList: [
            {
              contentId: 1,
              contentDetail: "河南本清文化传媒有限公司隶属于马鞍山本清文化传媒有限公司。 经营范围包括一般项目：广告设计,广告制作,软件开发等;具体经营项目以相关部门批准文件或许可证件为准,如有合作意向可通过下方联系方式联系我们。",
            },
            
          ],
        },
        {
          aboutId: 3,
          name: "联系我们",
          contentList: [
            {
              contentId: 1,
              contentDetail: "微信:GT0000K",
            },
            {
              contentId: 2,
              contentDetail: "邮箱:3306428045@qq.com",
            },
            {
              contentId: 3,
              contentDetail: "手机号:17355571766",
            },
          ],
        },
      ],
    };
  },
};
</script>
  <style lang="scss" scoped>
.about {
  height: 826rem;
  .about_container {
    width: 1120rem;
    padding: 20rem 80rem;
    .content {
      margin-top: 20rem;
    }
  }
}

</style>